.v-text {
  --v-text-font-size: 14px;
  --v-text-color: #606266;

  align-self: center;
  margin: 0;
  padding: 0;
  font-size: var(--v-text-font-size);
  color: var(--v-text-color);
  word-break: break-all;

  &.is-truncated {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  &--large {
    --v-text-font-size: 16px;
  }

  &--small {
    --v-text-font-size: 12px;
  }

  &--primary {
    --v-text-color: #409eff;
  }

  &--success {
    --v-text-color: #67c23a;
  }

  &--info {
    --v-text-color: #909399;
  }

  &--warning {
    --v-text-color: #e6a23c;
  }

  &--danger {
    --v-text-color: #f56c6c;
  }
}
